<template>
  <div class="singer-detail">
    <music-list
      :songs="songs"
      :title="title"
      :pic="pic"
      :loading="loading"
      rank
    >
    </music-list>
  </div>
</template>

<script>
  import createDetailComponent from '@/assets/js/create-detail-component'
  import { getTopDetail } from '@/service/top-list'
  import { TOP_KEY } from '@/assets/js/constant'

  export default createDetailComponent('top-detail', TOP_KEY, getTopDetail)
</script>

<style lang="scss" scoped>
  .singer-detail {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
  }
</style>
